<template>
  <div>
      <p class="phonerighttop">
            我的订单
        </p>
        <div class="Mmain">
        <table class="Mboder">
            <tr class="Mcontent">
                <th>操作</th>
                <th>充值金额</th>
                <th>账户余额</th>
                <th>时间</th>
            </tr>
            <tr v-for="(item,index) in money" :key="index">
                <td>{{item.operation}}</td>
                <td>{{item.amount}}</td>
                <td id="ora">{{item.amount1}}</td>
                <td>{{item.time}}</td>
            </tr>
        </table>
    </div>  
  </div>
</template>

<script>
export default {
    name:'Account2',
    data(){
        return{
            money:[
                {
                    operation:'充值',
                    amount:'+￥1000.00元',
                    amount1:'￥3443.03元',
                    time:'2015-04-15 17:21:21',
                },
                {
                    operation:'消费',
                    amount:'-￥1000.00元',
                    amount1:'￥3443.03元',
                    time:'2015-04-15 17:21:21',
                },
                {
                    operation:'退款',
                    amount:'-￥1000.00元',
                    amount1:'￥3443.03元',
                    time:'2015-04-15 17:21:21',
                },
                {
                    operation:'消费',
                    amount:'-￥1000.00元',
                    amount1:'￥3443.03元',
                    time:'2015-04-15 17:21:21',
                },
                {
                    operation:'充值',
                    amount:'-￥1000.00元',
                    amount1:'￥3443.03元',
                    time:'2015-04-15 17:21:21',
                },
                {
                    operation:'消费',
                    amount:'-￥1000.00元',
                    amount1:'￥3443.03元',
                    time:'2015-04-15 17:21:21',
                },
                {
                    operation:'退款',
                    amount:'-￥1000.00元',
                    amount1:'￥3443.03元',
                    time:'2015-04-15 17:21:21',
                }
            ]
        }
    }
}
</script>

<style  scoped>
.phonerighttop {
    height: 56px;
    border-bottom: 1px solid #e7e7e7;
    line-height: 56px;
    text-align: left;
    padding-left: 20px;
    color: #323333;
    font-size: 18px;
}
.Mmain {
    width: 1041px;
    height: 523px;
    overflow: scroll;
    margin: 20px auto 0;
}
.Mboder {
    border: 1px solid #e9e9e9;
    border-collapse: collapse;
    font-size: 14px;
    width: 1041px;
}
.Mboder tr {
    height: 44px;
}
.Mboder tr:hover {
    background: #f4fff2;
}
.Mboder td {
    color: #666;;
}
.Mcontent {
    background: #f2f2f2;
    font-size: 15.46px;
}
#ora {
    color: #f18c26;
}
::-webkit-scrollbar {
    width: 0 !important;
}
::-webkit-scrollbar {
    width: 0 !important;height: 0;
}
</style>